@extends('layouts.base')

@section('description','带给你每日最新美剧资源更新,双语字幕,百度网盘下载,迅雷下载,美剧在线观看,电驴下载,磁力链接')
@section('title', $title)
@section('keyWords', $title)

@section('content')
    <div class="row">
        <div class="Card-Collection">
            @foreach($episodes as $episode)
                <div class="Card">

    <span class="Card__difficulty">
            {!! $episode->source_icon !!}
    </span>

            <span class="Card__updated-status Label Label--x-small">
                {{'更新于'.$episode->updated_at->diffForHumans()}}

        </span>

                    <div class="Card__image">

                        <a href={{url('episode',[$episode])}}>
                            <img src={{$episode->coverage_url}} class="Card__image" alt={{$episode->name_en.$episode->name_zh}}>

                            <div class="Card__overlay">
                                <i class="glyphicon glyphicon-expand" aria-hidden="true"></i>
                            </div>
                        </a>

                    </div>


                    <div class="Card__details">

                        <h3 class="Card__title">
                            <a href={{url('episode',[$episode])}}>
                                {{$episode->full_name}}
                            </a>
                        </h3>


                        <div class="Card__count">
                            {{$episode->size}}
                            <span class="utility-muted">
                    目前集数
                </span>
                        </div>

                    </div>

                </div>
            @endforeach
        </div>
    </div>
    <div class="row">
        {!! $episodes->render() !!}
    </div>
@endsection